<template>
    <div>
        <!--头部-->
        <div class="public-head">
            <div class="public-head-nav">
                <div class="public-head-left">
                    <h1 class="public-head-logo"><a href="javascript:;">
                        <img src="public/image/logo.png" alt="">
                    </a></h1>
                    <ul class="public-head-list">
                        <li><a href="index.html" target="_blank">主页</a></li>
                        <li class="public-head-hover">
                            <a href="javascript:void(0);">我要投资</a>
                            <!--二级导航-->
                            <div class="two-title">
                                <a href="javascript:;">优先类产品</a>
                                <a href="javascript:;">散标类产品</a>
                            </div>
                        </li>
                        <li><a href="user_center.html" target="_blank">借款人信息</a></li>
                        <li><a href="javascript:;" target="_blank">信息披露</a></li>
                        <li><a href="javascript:;" target="_blank">安全计划</a></li>
                    </ul>
                </div>
                <div class="public-head-right">
                    <a href="login.html" target="_blank">登录</a>
                    <a href="register.html" target="_blank">注册</a>
                </div>
            </div>
        </div>
        <!--end-->

        <div class="login-content">
            <div class="login-flex">
                <div class="login-left">
                    <p>万民用户知心托付&nbsp;&nbsp;&nbsp;&nbsp;<span>{{rate | fmtDouble}}%</span>历史年化收益</p>
                    <p>千万级技术研发投入&nbsp;&nbsp;&nbsp;&nbsp;亿级注册资本平台  </p>
                </div>
                <!---->
                <div class="login-box">
                    <h3 class="login-title">用户注册</h3>
                    <form action="" id="register_Submit">
                        <div class="alert-input">
                            <input type="text" class="form-border user-num" name="mobile" placeholder="请输入11位手机号">
                            <p class="prompt_num"></p>
                            <input type="password" placeholder="请输入6-20位英文和数字混合密码" class="form-border user-pass" autocomplete name="password">
                            <p class="prompt_pass"></p>
                            <div class="form-yzm form-border">
                                <input class="yzm-write" type="text" name="" placeholder="输入短信验证码">
                                <input class="yzm-send" type="text" value="获取验证码" disabled="disabled" id="yzmBtn" readonly="readonly" >
                            </div>
                            <p class="prompt_yan"></p>
                        </div>
                        <div class="alert-input-agree">
                            <i class="fa fa-square-o"></i>我已阅读并同意<a href="javascript:;" target="_blank">《动力金融网注册服务协议》</a>
                        </div>
                        <div class="alert-input-btn">
                            <input type="submit" class="login-submit" value="注册">
                        </div>
                    </form>
                    <div class="login-skip">
                        已有账号？ <a href="login.html" target="_blank">登录</a>
                    </div>
                </div>

            </div>
        </div>

        <!--公共底部-->
        <div class="public-bottom">
            <div>
                <p>版权所有 ©2017 北京动力节点教育科技有限公司 京ICP备09027468号 | 京公网安备京公网安备11030808027468</p>
                <p>一家只教授Java的培训机构<a href="javascript:;">Visit the HomePage</a></p>
            </div>
        </div>

    </div>
</template>

<script>
import Vue from "vue";
import filters from "@/utils/filters";

export default {
    name: "Register",
    data(){
        return{
            rate:0
        }
    },
    created() {
        Vue.axios.get("http://127.0.0.1:8001/product/rate").then(resp => this.rate = resp.data)
    },
    filters
}
</script>

<style scoped>

</style>